<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>摩兔网</title>
<link href="style.css?08" type="text/css" rel="stylesheet" />
<script type="text/javascript">
(function(){
	
	if(!window._MTRun) window._MTRun = [];
	MTRun = function(o){
		window._MTRun.push(o);
	}
	MLoad = function(url, callback){
		var script = document.createElement("script");
		script.type = "text/javascript";
		if(script.readyState){
			script.onreadystatechange = function(){
				if(script.readyState == "loaded" || script.readyState == "complete"){
					script.onreadystatechange = null;
					callback();
				}
			};
		} else {
			script.onload = function(){
				callback();
			}
		}
		
		script.src = url;
		document.getElementsByTagName('head')[0].appendChild(script);
	}
})();

</script>
</head>
<body style="overflow:hidden;">
<div class="wrap">
	<div class="top_banner">
		<h1>摩兔传播</h1>
	
		<div class="top_nav"><a href class="follow">关注我们</a><a href class="login">登陆</a><a href>注册</a></div>
	
		<!-- search -->
		<div class="search">
		 <em class="gicon search_icon"></em>
		 <div class="input_wrap"><input type="text" maxlength="40" class="no_outline input"/> 搜索</div>
		</div>
		<!-- end search -->	
	</div>
	<div class="top">
		<a href class="llink"></a>
		<div class="top_logo"></div>
		
		<div class="top_line"></div>
		
		<ul class="top_item">
		<li>
			<a href class="pic">
			<img width="145" height="92" src="http://img1.gtimg.com/tech/pics/hv1/21/217/1152/74964156.jpg" />
			</a>
			
			<div class="pic_nav">
				<em class="gicon tarrow"></em>
				<a href="#"><h1>2招，玩转<br>多房间视频分享多房间视频分享</h1></a>
			</div>
		</li>
		
		
		<li>
			<a href class="pic">
			<img width="145" height="92" src="http://img1.gtimg.com/tech/pics/hv1/21/217/1152/74964156.jpg" />
			</a>
			
			<div class="pic_nav">
				<h1>2招，玩转<br>多房间视频分享</h1>
			</div>
		</li>
		
		</ul>
	</div>
	<div class="header ">
		<ul class="list clearfix">
			<li><a href="#" class="home"><em class="gicon home_icon"></em></a></li>
			<li><a href="#" class="link">开&nbsp;&nbsp;箱</a></li>
			<li><a href="#" class="link">发烧</a></li>
			<li><a href="#" class="link cur">定制影音</a></li>
			<li><a href="#" class="link">专访</a></li>
		</ul>
		
		<!-- 论坛 -->
		<div class="forum">
		   <a href>
			   <em class="gicon forum_icon"></em>
		   </a>
		</div>
		
		
	</div>
	<div class="main clearfix">
		<div class="main_c">
		  <!-- 热点图  -->
		  <div id="hotpic" class="hot_pic">
		    <ul class="pic_main clearfix" style="width:5000px;">
		     <li><a href><img width="607" height="340" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg"></a></li>
		     <li><a href><img width="607" height="340" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg"></a></li>
		     <li><a href><img width="607" height="340" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg"></a></li>
		     <li><a href><img width="607" height="340" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg"></a></li>
		    </ul>
		    
		    <div class="pic_list">
		    	<!-- 
		    	<div class="trans_box">
		    	<div class="trans trans_pre trans_curr" ></div>
		    	<div class="trans trans_pre"></div>
		    	<div class="trans trans_pre"></div>
		    	</div>
		    	 -->
		    	<div class="pic_pre">
			    	<em class="gicon pre_icon"></em>
		    	</div>
		    	
			    <ul class="pic_main_nav clearfix">
			      <li>
			      	<a href class="trans_wrap"><img class="trans trans_curr" width="195" height="109" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg"></a>
			      	<div class="pic_desc"><a href>法拉利耳机进入中国市场法拉利耳机进入中国市场</a></div>
			      </li>
			      <li><a href class="trans_wrap"><img class="trans" width="195" height="109" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg"></a>
					<div class="pic_desc"><a href>法拉利耳机进入中国</a></div>
			      </li>
			      <li><a href class="trans_wrap"><img class="trans" width="195" height="109" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg"></a>
			      	<div class="pic_desc"><a href>法拉利耳机进入</a></div> 
			      </li>
			      <li><a href class="trans_wrap"><img class="trans" width="195" height="109" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg"></a>
			      	<div class="pic_desc"><a href>法拉利耳机进入</a></div> 
			      </li>
			    </ul>
			    
		    	<div class="trans trans_next" style="display:none;"></div>
		    	
		    	<div class="pic_next">
			    	<em class="gicon next_icon"></em>
		    	</div>
		    </div>
		    
		  </div>
		  <!-- end 热点图 -->
		  
		  <!-- 图片列表区 -->
		  <div class="feed">
		    <div class="feed_top">
		    <span class="c_text">THIS JUST IN</span>
		    </div>
		  	<ul class="grid clearfix">
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a class="pic" href="javascript:;">
		  	      <img width="293" height="158" src="http://ranxk.com/stat/imgs/list_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	    	<div class="gicon img_icon"><em>定制影音</em><div class="gicon img_icon_i"></div></div>    
		  	        <div class="img_title">罗技iPhone Doc五日体验谈</div>
		  	    </div>
		  	    
		  	    </div>
		  	    
		  	    <!-- 文章摘要，两行 -->
		  	    <p class="desc">
		  	    文章摘要，两行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行文章摘要，两行文章摘要，两行文章摘要，两行
		  	    </p>
		  	    
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文   <div class="gicon comment-num"><a href>15</a></div></div>
		  	  </li>
		  	  
		  	  <!-- 多列表 -->
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a class="pic" href="javascript:;">
		  	      <img width="293" height="158" src="http://ranxk.com/stat/imgs/list_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
			  	    <div class="gicon img_icon"><em>方案</em><div class="gicon img_icon_i"></div></div>
		  	        <div class="img_title">罗技iPhone Doc五日体验谈</div>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 文章摘要，两行 -->
		  	    <p class="desc">
		  	    文章摘要，两行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行文章摘要，两行文章摘要，两行文章摘要，两行
		  	    </p>
		  	    
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="293" height="158" src="http://ranxk.com/stat/imgs/list_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 文章摘要，两行 -->
		  	    <p class="desc">
		  	    文章摘要，两行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行文章摘要，两行文章摘要，两行文章摘要，两行
		  	    </p>
		  	    
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="293" height="158" src="http://ranxk.com/stat/imgs/list_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 文章摘要，两行 -->
		  	    <p class="desc">
		  	    文章摘要，两行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行文章摘要，两行文章摘要，两行文章摘要，两行
		  	    </p>
		  	    
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="293" height="158" src="http://ranxk.com/stat/imgs/list_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 文章摘要，两行 -->
		  	    <p class="desc">
		  	    文章摘要，两行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行文章摘要，两行文章摘要，两行文章摘要，两行
		  	    </p>
		  	    
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="293" height="158" src="http://ranxk.com/stat/imgs/list_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 文章摘要，两行 -->
		  	    <p class="desc">
		  	    文章摘要，两行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行文章摘要，两行文章摘要，两行文章摘要，两行
		  	    </p>
		  	    
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	</ul>
		  	
		  	<!-- img collection -->
		  	<div class="img_galx clearfix">
		  		<div class="galx_box clearfix">
		  			<a href class="pic">
		  				<img width="68" height="65" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg" />
		  			</a>
		  			
		  			<a href class="pic">
		  				<img width="68" height="65" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg" />
		  			</a>
		  			<a href class="pic">
		  				<img width="68" height="65" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg" />
		  			</a>
		  			<a href class="pic">
		  				<img width="68" height="65" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg" />
		  			</a>
		  		</div>
		  		
		  		<h1>SONY SXRD耳机</h1>
		  		<p>sony 视频投影机视频投影机视频投影机视频投影机视频投影机视频投影机视频投影机
		  		视频投影机视频投影机视频投影机视频投影机视频投影机
		  		频投影机视频投影机视频投影机视频投影机视频投影机视频投影机视频投影机视频投影机视频投影机视频投影机视频投影机视频投影机视频投影机视频投影机视频投频投影机视频投影机视频投影机视频投
		  		影机视频投影机视频投影机视频投影机视频投影机视频投影机视频投影机视频投影机视
		  		频投影机视频投影机视频投影机视频投视频投影机视频投影机视频投影机视频投影机视
		  		频投影机视频投影机</p>
		  		
		  		<div class="gicon img_icon_r"><em>图集</em><div class="gicon img_icon_l"></div></div>
		  	</div>
		  	<!-- end img collection -->
		  </div>
		  
		  <!-- 电影榜 -->
		  <div class="movie_wrap">
		    <div class="line_top">
		     <span class="c_text">电影榜</span>
		    </div>
		    
		    <!-- 内容列表区 -->
		    <ul class="mv_grid clearfix">
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="197" height="254" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 电影分类列表 -->
		  	    <div class="desc">
		  	    <span class="pl">年份</span>  2012<br>
		  	    <span class="pl">分类</span>  恐怖 / 战争 / 剧情<br>
		  	    <span class="pl">地区</span>  美国<br>
		  	    </div>
		  	   
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  
		  	  <!-- 多列表 -->
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="197" height="254" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 电影分类列表 -->
		  	    <div class="desc">
		  	    <span class="pl">年份</span>  2012<br>
		  	    <span class="pl">分类</span>  恐怖 / 战争 / 剧情<br>
		  	    <span class="pl">地区</span>  美国<br>
		  	    </div>
		  	   
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="197" height="254" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 电影分类列表 -->
		  	    <div class="desc">
		  	    <span class="pl">年份</span>  2012<br>
		  	    <span class="pl">分类</span>  恐怖 / 战争 / 剧情<br>
		  	    <span class="pl">地区</span>  美国<br>
		  	    </div>
		  	   
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="197" height="254" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 电影分类列表 -->
		  	    <div class="desc">
		  	    <span class="pl">年份</span>  2012<br>
		  	    <span class="pl">分类</span>  恐怖 / 战争 / 剧情<br>
		  	    <span class="pl">地区</span>  美国<br>
		  	    </div>
		  	   
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="197" height="254" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 电影分类列表 -->
		  	    <div class="desc">
		  	    <span class="pl">年份</span>  2012<br>
		  	    <span class="pl">分类</span>  恐怖 / 战争 / 剧情<br>
		  	    <span class="pl">地区</span>  美国<br>
		  	    </div>
		  	   
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  
		  	  </ul>
		    
		  </div>
		  
		  
		  <!-- music -->
		  <div class="music_wrap">
			  <div class="line_top">
			     <span class="c_text">音乐榜</span>
			    </div>
			    
			    <!-- 内容列表区 -->
			    <ul class="mu_grid clearfix">
			  	  <li>
			  	    <!-- 内容图片区 -->
			  	    <div class="img_wrap">
			  	    <a href="javascript:;">
			  	      <img width="129" height="126" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
			  	    </a>
			  	    </div>
			  	    
			  	    <div class="info">
			  	     Chris August<br>
			  	     The Upside Of Down
			  	    </div>
			  	    <div class="info">
			  	     柔情声线Chris August 克里斯奥格斯特
			  	    </div>
			  	    
			  	  </li>
			  	  
			  	  <!-- 列表内容区 -->
			  	  <li>
			  	    <!-- 内容图片区 -->
			  	    <div class="img_wrap">
			  	    <a href="javascript:;">
			  	      <img width="129" height="126" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
			  	    </a>
			  	    </div>
			  	    
			  	    <div class="info">
			  	     Chris August<br>
			  	     The Upside Of Down
			  	    </div>
			  	    <div class="info">
			  	     柔情声线Chris August 克里斯奥格斯特
			  	    </div>
			  	    
			  	  </li>
			  	  <li>
			  	    <!-- 内容图片区 -->
			  	    <div class="img_wrap">
			  	    <a href="javascript:;">
			  	      <img width="129" height="126" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
			  	    </a>
			  	    </div>
			  	    
			  	    <div class="info">
			  	     Chris August<br>
			  	     The Upside Of Down
			  	    </div>
			  	    <div class="info">
			  	     柔情声线Chris August 克里斯奥格斯特
			  	    </div>
			  	    
			  	  </li>
			  	  <li>
			  	    <!-- 内容图片区 -->
			  	    <div class="img_wrap">
			  	    <a href="javascript:;">
			  	      <img width="129" height="126" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
			  	    </a>
			  	    </div>
			  	    
			  	    <div class="info">
			  	     Chris August<br>
			  	     The Upside Of Down
			  	    </div>
			  	    <div class="info">
			  	     柔情声线Chris August 克里斯奥格斯特
			  	    </div>
			  	    
			  	  </li>
			  	  <li>
			  	    <!-- 内容图片区 -->
			  	    <div class="img_wrap">
			  	    <a href="javascript:;">
			  	      <img width="129" height="126" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
			  	    </a>
			  	    </div>
			  	    
			  	    <div class="info">
			  	     Chris August<br>
			  	     The Upside Of Down
			  	    </div>
			  	    <div class="info">
			  	     柔情声线Chris August 克里斯奥格斯特
			  	    </div>
			  	    
			  	  </li>
			  	  <li>
			  	    <!-- 内容图片区 -->
			  	    <div class="img_wrap">
			  	    <a href="javascript:;">
			  	      <img width="129" height="126" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
			  	    </a>
			  	    </div>
			  	    
			  	    <div class="info">
			  	     Chris August<br>
			  	     The Upside Of Down
			  	    </div>
			  	    <div class="info">
			  	     柔情声线Chris August 克里斯奥格斯特
			  	    </div>
			  	    
			  	  </li>
		  	  </ul>
		  </div>
		  
		  
		  
		</div>
		<!-- end main -->
		
		<!-- sidebar -->
		<div class="main_r">
			<div class="r_top">
				<div class="r_top_line"><span class="gicon r_top_arrow"></span></div>
				<span class="r_top_title">热门榜</span>
			</div>
			
			<!-- 热门列表 -->
			<ul class="r_list">
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>耳机</a>] <a href>海外玩家大海外玩家大海外玩家大海外玩家大海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			</ul>
			
			<div class="r_top_line"></div>
			
			<!-- 定制安装 -->
			<div class="r_item r_custom">
				<a href><img src="http://ranxk.com/stat/imgs/list_a.jpg" width="293" height="146"/></a>
			</div>
			
			<!-- 视频专区 -->
			<div class="r_item r_video">
			  视频专区
			</div>
			<div class="r_item r_video_wrap">
			   <a href><img src="http://ranxk.com/stat/imgs/list_a.jpg" width="293" height="185"/></a>
			   
			   <div class="focus_player_play"></div>
			</div>
			<div class="focus_info"><h3>独树一帜的JBL悬挂式音响视频评测</h3></div>
			
			<div class="r_item r_video_wrap">
			   <a href><img src="http://ranxk.com/stat/imgs/list_a.jpg" width="293" height="185"/></a>
			   
			   <div class="focus_player_play"></div>
			</div>
			<div class="focus_info"><h3>独树一帜的JBL悬挂式音响视频评测</h3></div>
			<!-- end 视频 -->
			
			
			<!-- 微信区 -->
			<div class="r_item">
			  <img src="http://img01.36krcnd.com/wp-content/uploads/2012/08/qrcode_for_wxid_1970509702912.jpg" width="293" height="293"/>
			</div>
			<!-- end 微信 -->
			
			<div class="r_item r_top_line"></div>
		</div>
		<!-- end sidebar -->
	</div>
	
	<!-- footer -->
	<div class="footer">
	  <div class="bottom_logo"></div>
	  <div class="columns clearfix">
	    <dl class="list">
	    	<dd>关于摩兔</dd>
	    	<dd>招贤纳士</dd>
	    	<dd>联系我们</dd>
	    </dl>
	    <dl class="list">
	    	<dd>公司服务</dd>
	    	<dd>移动服务</dd>
	    </dl>
	    <dl class="list">
	    	<dd>开箱</dd>
	    	<dd>发烧</dd>
	    	<dd>定制影音</dd>
	    	<dd>专访</dd>
	    </dl>
	    <dl class="list">
	    	<dd>方案</dd>
	    	<dd>耳机</dd>
	    	<dd>谍报</dd>
	    	<dd>视频</dd>
	    </dl>
	    
	    <dl class="list mobile">
		    <dd class="gicon mobile_ico"></dd>
	        <dd>本站支持手机浏览</dd>
	    </dl>
	    
	  </div>
	
	  <!-- 版权 -->
	  <div class="copy">Copyright Condé Nast China   版权所有 重庆市摩兔文化传播有限公司  渝ICP证070504号 渝网文[2010] 0398-013号 渝公网安备：110105008511</div>
	</div>
	
</div>
<script type="text/javascript">
	var MT = {};
	MLoad('http://ranxk.com/mottu_html/jquery-1.8.2.min.js', function(){
		for(var v in _MTRun){
			_MTRun[v]();
		}
	});
	
	
	MTRun(function(){
		
		$(document).ready(function(){

			//焦点图片,先简单实现
			var FocusPic = {
				build: function(id, opt){
					var body = $(id);
					if(body == null || body.length == 0){
						return null;
					}
					
					this._body = body;

					var config = {
						timeout: 2000, //默认2秒
						curr: 0,  //默认打开的位置
						stepMax : 25  //默认跳动次数
					};

					this._config = jQuery.extend(config, opt);

					this.curr = this._config.curr;
					this.start = 0;
					//绑定事件
					this.event();

					this.setTimeout();
					return this;
				},
				event: function(){
					var Self = this;

					Self._main = Self._body.find('.pic_main');
					Self._list = Self._body.find('.pic_main_nav');
					
					Self.hasAnimate = true;
					Self.list = [];
					//trans_wrap
					Self._body.find('.trans_wrap').each(function(i, o){
						Self.list.push(o);
						
						var index = i;
						$(o).click(function(){
							Self.show(index);
							
							return false;
						}).attr('index', index);
					});
					Self.total = Self.list.length;
					
					
					Self._body.find('.pre_icon').each(function(i, o){
						o.onclick = function(){
							Self.show(Self.curr - 1);
						}
					});
					Self._body.find('.next_icon').each(function(i, o){
						o.onclick = function(){
							Self.show(Self.curr + 1);
						}
					});

					Self._body.find('.pic_main img, .pic_main_nav').each(function(i, o){
						$(o).mouseover(function(){
							if(Self._animate) clearTimeout(Self._animate);
							
							Self.hasAnimate = false;
						}).mouseout(function(){
							if(Self._animate) clearTimeout(Self._animate);

							Self.setTimeout();
						});
					});
				},
				show: function(index){
					var Self = this;
					
					if(Self._animate) clearTimeout(Self._animate);
					
					if(index < 0 || index >= Self.total) return;
					
					$(Self.list).each(function(i, o){
						if(i !== index){
							$(o).children('img').removeClass('trans_curr');	
						} else {
							$(o).children('img').addClass('trans_curr');
						}
					});
					
					var marginLeft = -index * 607;
					//动画
					Self._main.animate({
						marginLeft: marginLeft
					}, 1000, function() {
						if(Self.hasAnimate)Self.setTimeout();
					});
					
					//移动list
					var listMarginLeft = 0;
					if(index > Self.start && index - Self.start == 2 && index != Self.total - 1){
						Self.start++;
					} else if(index == Self.start && index != 0){
						Self.start--;
					} else if(index == 0){
						Self.start = 0;
					}
					listMarginLeft = -Self.start * 205;
					Self._list.css('margin-left', listMarginLeft + 'px');
					
					Self.curr = index;
				},
				setTimeout: function(){
					var Self = this;
					
					if(Self._animate) clearTimeout(Self._animate);

					var delta = Self.curr >= Self.total - 1 ? 0 : Self.curr + 1;
					
					Self._animate = setTimeout(function(){
						Self.show(delta);
					}, Self._config.timeout);
				}
			};

			MT.focusPic = FocusPic.build('#hotpic', {"timeout":4000});
			
			//login
			var Login = {
				build: function(id, opt){
					var body = $(id);
					if(body == null || body.length == 0){
						return null;
					}
					
					this._body = body;

					var config = {
						
					};

					this._config = jQuery.extend(config, opt);
					
					this.subBtn = this._body.find('.login-btn');
					
					this.event();
				},
				event: function(){
					var Self = this;
					
					Self.subBtn.click(function(){
						Self.submit();
					});
				},
				submit: function(){
					var Self = this;
					
					if(!Self.validate()){
						return;
					}
					
					var data = {log:"admin", pwd:"admin@mottu"};
					
					$.ajax({
						type: "POST",
						url: "http://mottu.ranxk.com/asyn/login.php",
						data: data,
						dataType: 'json'
					}).done(function(msg){
						console.log(msg);
					});
				},
				validate: function(){
					
					return true;
				},
				show: function(){
					var Self = this;
					
					if(!Self.dialog){
						Self.init();
					}
					
					
					Self.dialog.show();
				},
				init: function(){
					var Self = this;
					
					var tmpl = ['<div class="dialog"><div class="gallery_mask"></div><div class="dialog-wrap">',
					           '<div class="dialog-title"><span>登陆</span><a href="" class="dialog-close loginicon"></a></div>',
					           '<div class="dialog-content"><div id="login" class="login-wrap"><div class="clearfix">',
					           '<div class="login-form"><div class="login-input loginicon"><em class="login-user loginicon"></em><input type="text" name="log" id="log"/></div>',
					           '<div class="login-input loginicon"><em class="login-pwd loginicon"></em><input type="password" name="pwd" id="pwd"/></div>',
					           '<div><a href="">忘记密码？</a><div class="login-btn loginicon">登&nbsp;&nbsp;陆</div></div>',
					           '</div><div class="register">还没有用账号？<br><div class="reg">马上注册</div></div>',
					           '</div></div></div></div></div>'].join("");
					Self.dialog = $(tmpl);
				}
			};
			
			MT.login = Login.build('#login');
			
		});


		}); //end MTRun
	
</script>
<!-- 
<div class="dialog">
	<div class="gallery_mask"></div>
	<div class="dialog-wrap">
		<div class="dialog-title"><span>登陆</span><a href="" class="dialog-close loginicon"></a></div>
		<div class="dialog-content">
			<div id="login" class="login-wrap">
				<div class="clearfix">
					<div class="login-form">
						<div class="login-input loginicon">
							<em class="login-user loginicon"></em>
							<input type="text" name="log" id="log"/>
						</div>
						<div class="login-input loginicon">
							<em class="login-pwd loginicon"></em>
							<input type="password" name="pwd" id="pwd"/>
						</div>
						<div><a href="">忘记密码？</a><div class="login-btn loginicon">登&nbsp;&nbsp;陆</div></div>
					</div>
					<div class="register">
						还没有用账号？<br>
						<div class="reg">马上注册</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
 -->
</body>
</html>